/**
 * 这个文件是左侧侧边组件
 */
import './Side.less'
import React,{Component} from 'react'

export default class Side extends Component{
  constructor(){
    super()
    this.state = {
      username:'',
      avatar:''
    }
  }
  componentWillMount(){
    var obj
    // if(obj){
    //       obj.hello()
    // }
    // obj&&obj.hello()
    // true?a:b

    // 得到用户的头像和用户名：
    // 如果没用数据则给一个空对象
    const result = JSON.parse(localStorage.getItem('userInfo'))||{}
    // null undefined
    this.state.username = result.tc_name
    this.state.avatar = result.tc_avatar
    console.log(this.state)

    // 这里不需要调用 this.setState({})
  }
  componentDidMount(){}
  render(){
    return (
      <div className="side">
        <h1>{this.state.username}</h1>
        <div><img src={this.state.avatar} alt=""/></div>
        <div className="list-group">
          <a href="#/DashBoard" className="list-group-item active">
            仪表盘
          </a>
          <a href="#/TecManage" className="list-group-item">讲师管理</a>
          <a href="#/CateManage" className="list-group-item">分类管理</a>
          <a href="#/XX" className="list-group-item">课程管理</a>
          <a href="#/YY" className="list-group-item">其他</a>
        </div>
      </div>)
  }
}